<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>个人中心</title>
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<link rel="icon" href="img/favicon.ico" mce_href="http://pd51ux91p.bkt.clouddn.com/favicon.ico" type="image/x-icon">
	<link rel="stylesheet" type="text/css" href="css/commonality.css"/>
	<link rel="stylesheet" type="text/css" href="css/userCenter1.css"/>
	<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/layer.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/sUserAgent.js" type="text/javascript" charset="utf-8"></script>
	<script src="//cstaticdun.126.net/load.min.js"></script>
	<script type="text/javascript">
		if(getCookie("yz_tk")==null || getCookie("yz_id")==null){
			window.location.href = 'login.html'
		}
	</script>
</head>
<body>
	<div class="pc" style="display: none;">
		<!--头部导航菜单-->
		<div class="top">
			<div class="top_div">
				<a class="logo" href="index.html"><img src="http://pd51ux91p.bkt.clouddn.com/public/logo.png"/></a>
				<ul><li><a href="index.html">首页</a></li>
					<li><a href="game.html">游戏</a></li>
					<li><a href="edg.html">战队</a></li>
					<li><a href="guide.html">办赛指南</a></li>
					<li><a href="userCenter.html">注册/登录</a></li>
					<li><a href="javascript:;">创建战队</a></li>
				</ul>
			</div>
		</div>
		
		<!--主体-->
		<div class="main dis_block">

			<!--主题海报-->
			<div class="banner">
				<div class="banner_bg banner_bg1"></div>
				<div class="banner_bg banner_bg2"></div>
				<div class="banner_bg banner_bg3"></div>
				<div class="banner_bg banner_bg4"></div>
				<div class="banner_bg banner_bg5"></div>
			</div>
			
			<!--游戏新闻-->
			<div class="GamesList">
				<div class="GamesList_div">
					
				</div>
			</div>
			
			<!--直播-->
			<div class="live" id="ambassador">
				<p>赛事标题</p>
				<div class="live_div">
					<!--直播视频-->
					<div class="sinatv">
						
					</div>
					<!--赛事竞猜-->
					<div class="guess">
						
					</div>
				</div>
			</div>
		
			<!--赛事奖金-->
			<div class="bonus">
				<div class="bonus_div">
					<!--战队榜-->
					<div class="edg">
						
					</div>
					<!--赛事榜-->
					<div class="Competition">
						
					</div>
				</div>
			</div>
		
			<!--全场最佳-->
			<div class="bestOfAll">
				<div class="bestOfAll_div">
					<!--战队榜-->
					<div class="edg">
						
					</div>
					<!--赛事榜-->
					<div class="Competition">
						
					</div>
				</div>
			</div>
		
			<!--赛事赛程-->
			<div class="schedule">
				<div class="schedule_div">
					<!--战队榜-->
					<div class="edg">
						
					</div>
					<!--赛事榜-->
					<div class="Competition">
						
					</div>
				</div>
			</div>
		
			<!--赛事介绍-->
			<div class="Introduction">
				<div class="Introduction_div">
					<!--战队榜-->
					<div class="edg">
						
					</div>
					<!--赛事榜-->
					<div class="Competition">
						
					</div>
				</div>
			</div>
		
			<!--赛事标题-->
			<div class="EventTitle">
				<div class="EventTitle_div">
					<!--战队榜-->
					<div class="edg">
						
					</div>
					<!--赛事榜-->
					<div class="Competition">
						
					</div>
				</div>
			</div>
			
			<!--联系我们-->
			<div class="about" id="about">
				<div class="about_main">
					<p class="about_title">联系我们</p>
					<p class="about_describe">我们总是乐于帮助你，请选择最适合你的方式联系我们！ </p>
					<div class="about_address">
						<p style="margin-top: 8px;">总址：上海市闵行区虹井路288号B座703室</p>
						<p>分部：广州市天河区广州信息港方圆E时光西座28楼</p>
						<p>邮编：510000</p>
						<p>电话：+86 13901779476</p>
						<p>&nbsp;</p>
						<p>网址：www.juyouxiao.com</p>
						<p>E-mail：hr@tianchangtech.com</p>
					</div>
					
					
					<div class="toastInfo"><span>提醒</span></div>
				</div>
				<ul class="foot">
					<li><a href="index.html">首页</a></li>
					<li><a href="javascript:;">校园大使</a></li>
					<li><a href="javascript:;">关于我们</a></li>
				</ul>
				<p class="provider">京公网安备11010802023605号</p>
			</div>
		</div>
		
		<!--点击回到顶部-->
		<a id="com_d" style="display: none;"></a>
	</div>
	
	<div class="mobile fix" style="display: block;">
		<!--底部 导航 菜单-->
		<div class="top">
			<ul><li><a href="index.html">
						<img src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_1.png"/>
						<p>首页</p>
					</a>
				</li>
				<li><a href="javascript:;">
						<img src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_2.png"/>
						<p>看帖</p>
					</a>
				</li>
				<li><a href="javascript:;"><img class="increase" src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_3.png"/></a></li>
				<li><a href="edg.html">
						<img src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_4.png"/>
						<p>战队</p>
					</a>
				</li>
				<li class="avtie"><a  id="_Usercenter">
						<!--<img src="img/public/icon_navigation_5.png"/>-->
						<img src="http://pd51ux91p.bkt.clouddn.com/public/icon_navigation_55.png"/>
						<p>我的</p>
					</a>
				</li>
			</ul>
		</div>
		
		<div class="head shadow fix">
			<!--顶部个人信息-->
			<div class="information shadow2 fix">
				<div class="info_left fix"></div>
				<div class="info_right fix"></div>
			</div>
			
			<!--绑定列表-->
			<div class="Dblist shadow2 fix">
				<div class="main fix" style="height: 6rem;overflow: hidden;"></div>
				<button class="unfold unfold1" id="unfold1" type="button">展开</button>
				<button class="unfold unfold2 dis_none" id="unfold2" type="button"><img src="http://pd51ux91p.bkt.clouddn.com/icon_fold.png"/></button>
			</div>
		</div>
			
		
		<!--功能列表-->
		<div class="functionList shadow fix">
			<div class="content">
				<a id="myGame" href="mygames.html">
					<img class="icon_function icon_function1" src="http://pd51ux91p.bkt.clouddn.com/userCenter/icon_function1.png"/>
					<span class="title">我的游戏</span>
					<img class="icon_open" src="http://pd51ux91p.bkt.clouddn.com/icon_open.png"/>
				</a>
			</div>
			<div class="content">
				<a id="audit" href="audit.html">
					<img class="icon_function icon_function2" src="http://pd51ux91p.bkt.clouddn.com/userCenter/icon_function2.png"/>
					<span class="title">审核</span>
					<img class="icon_open" src="http://pd51ux91p.bkt.clouddn.com/icon_open.png"/>
				</a>
			</div>
			<div class="content">
				<a id="myNews" href="mynews.html">
					<img class="icon_function icon_function3" src="http://pd51ux91p.bkt.clouddn.com/userCenter/icon_function3.png"/>
					<span class="title">我的消息</span>
					<img class="icon_open" src="http://pd51ux91p.bkt.clouddn.com/icon_open.png"/>
				</a>
			</div>
			<div class="content">
				<a id="myMsg" href="mymsg.html">
				<!--<a id="myMsg" href="javascript:;">-->
					<img class="icon_function icon_function4" src="http://pd51ux91p.bkt.clouddn.com/userCenter/icon_function4.png"/>
					<span class="title">我的私信</span>
					<img class="icon_open" src="http://pd51ux91p.bkt.clouddn.com/icon_open.png"/>
				</a>
			</div>
			<div class="content">
				<a id="myQuizzes" href="myquizzes.html">
					<img class="icon_function icon_function5" src="http://pd51ux91p.bkt.clouddn.com/userCenter/icon_function5.png"/>
					<span class="title">我的竞猜</span>
					<img class="icon_open" src="http://pd51ux91p.bkt.clouddn.com/icon_open.png"/>
				</a>
			</div>
			<div class="content">
				<a id="question" href="question.html">
					<img class="icon_function icon_function6" src="http://pd51ux91p.bkt.clouddn.com/userCenter/icon_function6.png"/>
					<span class="title">常见问题</span>
					<img class="icon_open" src="http://pd51ux91p.bkt.clouddn.com/icon_open.png"/>
				</a>
			</div>
		</div>
		
		<!--我的赛事-->
		<div class="PyEvents shadow fix"></div>
		
		<!--个人荣誉-->
		<div class="personalHonor shadow fix">
			<!--有荣誉-->
<!-- 			<div class="events shadow2 fix dis_none">
				<a class="fix" href="javascript:;">
					<div class="eventsMain">
						<p class="description"><img src="img/icon_AllGames2.png"/>2018ZUEL 浙江省高校电子竞技联赛春季赛</p>
						<p class="eventsName">联赛春季塞</p>
						<p class="time">2018-05-29</p>
					</div>
					<div class="trophyx" href="javascript:;"><img src="img/edg_website/icon_copper.png"/></div>
				</a>
			</div> -->
		</div>
		

		<!--弹窗-->
		<!--<aside id="bg" class="bg active">-->
		<aside id="bg" class="bg">
			<i class="bg_overlay hideAside" title="遮罩层"></i>
			
			<!--敬请期待-->
			<div class="union comingSoon dis_none">
				<p class="style title marginHeight">敬请期待</p>
				<div class="buttonDiv">
					<button class="rightButton" onclick="occlude(this)" type="button">确定</button>
				</div>
			</div>

			<!--修改性别、更改昵称-->
			<div class="union change fix dis_none">
				<div class="modules fix modules1">
					<div class="line">
						<label for="man">男</label>
						<div class="module"><div class="borderDiv"><span class="pitchUp moduleBGcolor2" id="man" data-num="1"></span></div></div>
					</div>
					<div class="line">
						<label for="woman">女</label>
						<div class="module"><div class="borderDiv"><span class="pitchUp moduleBGcolor1" id="woman" data-num="0"></span></div></div>
					</div>
				</div>
				<div class="modules fix modules2">
					<input type="text" name="changenick" class="changenick" id="changenick" data-old="" maxlength="30" value="" placeholder="更改昵称" />
				</div>
				<div class="buttonDiv">
					<button class="leftButton" id="changeAffirm" type="button" data-num-a="" data-num-b="">修改</button>
					<button class="rightButton" onclick="occlude(this)" type="button">取消</button>
				</div>
			</div>
			
			<!--绑定百度帐号-->
			<div class="union bindingBaidu fix dis_none">
				<p class="style title">绑定百度帐号</p>
				<div class="importArea marginHeight">
					<input type="text" id="" value="" placeholder="请输入您的真实姓名" />
					<input type="text" id="" value="" placeholder="请输入您的百度账号" />
					<input type="text" id="" value=""  placeholder="请输入手机验证码"/>
					<button type="button">发送验证码</button>
				</div>
				<div class="buttonDiv">
					<button class="leftButton" id="BaiduAffirm" type="button">确定</button>
					<button class="rightButton" onclick="occlude(this)" type="button">取消</button>
				</div>
			</div>
			
			<!--绑定支付宝帐号-->
			<div class="union bindingAlipay dis_none">
			<!--<div class="union bindingAlipay fix">-->
				<p class="style title">绑定支付宝帐号</p>
				<div class="importArea fix marginHeight">
					<input type="text" class="trueName" id="trueName" value="" placeholder="请输入您的真实姓名" />
					<input type="text" class="AlipayName" id="AlipayName" value="" placeholder="请输入您的支付宝账号" />
					<input type="text" class="messageCode" id="messageCode" value=""  placeholder="请输入手机验证码"/>
					<button class="readonly readonly1" id="readonly" type="button">发送验证码</button>
				</div>
				<div class="buttonDiv">
					<button class="rightButton" id="bindingAlipayAffirm" type="button">确定</button>
					<button class="leftButton" onclick="occlude(this)" type="button">取消</button>
				</div>
			</div>
			
			<!--信息确认-->
			<div class="union messageAffirm fix dis_none">
			<!--<div class="union messageAffirm fix">-->
				<p class="style title">信息确认</p>
				<div class="importArea fix">
					<label for="">姓名：</label><input type="text" id="AffirmAlipayName" value="" />
				</div>
				<div class="importArea fix marginHeight">
					<label for="">支付宝账户：</label><input type="text" id="AlipayNum" value="" />
				</div>
				<div class="buttonDiv">
					<button class="rightButton" id="messageAffirm" type="button">修改</button>
					<button class="leftButton" id="accessAccount" type="button">绑定账户</button>
				</div>
			</div>
			
			<!--绑定QQ帐号-->
			<div class="union bindingQQ fix dis_none">
			<!--<div class="union bindingQQ fix">-->
				<p class="style title">绑定QQ帐号</p>
				<div class="importArea fix marginHeight">
					<input type="text" id="QQname" value="" placeholder="请输入您的QQ呢称" />
					<input type="number" id="QQnum" maxlength="20" value="" placeholder="请输入您的QQ账号" />
				</div>
				<div class="buttonDiv">
					<button class="rightButton" id="QQAffirm" type="button">确定</button>
					<button class="leftButton" onclick="occlude(this)" type="button">取消</button>
				</div>
			</div>
			
			<!--绑定微信帐号-->
			<div class="union bindingWeChat fix dis_none">
				<p class="style title">绑定微信帐号</p>
				<div class="">
					<input type="text" id="" value="" placeholder="请输入您的真实姓名" />
					<input type="text" id="" value="" placeholder="请输入您的支付宝账号" />
					<input type="text" id="" value=""  placeholder="请输入手机验证码"/>
					<button type="button">发送验证码</button>
				</div>
				<div class="buttonDiv">
					<button class="leftButton" id="leaveTeamAffirm" type="button">确定</button>
					<button class="rightButton" onclick="occlude(this)" type="button">取消</button>
				</div>
			</div>

			<!--绑定手机号码-->
			<div class="union verify fix dis_none">
				<p class="style title">验证手机号码</p>
				<div class="importArea">
					<!--<input class="trueName" type="number" name="" id="phoneNum" placeholder="请输入手机号码" value="" maxlength="11" onkeyup="judgeIsNonNull1(event)" />-->
					<input class="trueName" type="number" name="" id="phoneNum" placeholder="请输入手机号码" value="" maxlength="11" />
					<!--<img class="telClear dis_none" src="img/public/delicon.png">-->
				</div>
				<div class="importArea fix">
					<!--<input class="messageCode" type="number" id="messageCode" placeholder="请输入验证码" value="" maxlength="8" onkeyup="judgeIsNonNull2(event)" />-->
					<input class="messageCode" type="number" id="messageCode2" placeholder="请输入验证码" value="" maxlength="8" />
					<!--<img class="codeClear dis_none" src="img/public/delicon.png">-->
					<input class="readonly readonly2" type="text" readonly="readonly" value="发送验证码" id="resend">
				</div>
				<div class="buttonDiv">
					<button class="rightButton" id="verifyAffirm" type="button">确定</button>
					<button class="leftButton" onclick="occlude(this)" type="button">取消</button>
				</div>
			</div>
			<div id="captcha"></div>
			<!--完善收货地址-->
			<div class="union shippingAddress fix dis_none">
				<p class="style title">完善收货地址</p>
				<textarea class="deliveryAddress scrollable" id="deliveryAddress" placeholder="请输入您的收货地址"></textarea>
				<div class="buttonDiv">
					<button class="leftButton" id="shippingAddressAffirm" type="button">确定</button>
					<button class="rightButton" onclick="occlude(this)" type="button">取消</button>
				</div>
			</div>
		</aside>
	</div>

	<script src="js/zepto.min.js"></script>
	<script src="js/popup.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/UserCenter.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		function judgeIsNonNull1(event){
			var value=$("#telephone").val();
			var x = event.which || event.keyCode;
			if (x == 8 ) {
		  		if(value !== "" ){
			      	$(".telClear").removeClass("dis_none").addClass("dis_block");
			    }else{
			    	$(".telClear").removeClass("dis_block").addClass("dis_none");
			    }
			}
			if(value !== "" ){
				if( value.length <= 11 ){
		    		console.log("符合11位数以内");
		    	} else{
		    		return $("#telephone").val(value.substr(0, 11));
		    	}
		    	$(".telClear").removeClass("dis_none").addClass("dis_block");
		    }else{
		    	$(".telClear").removeClass("dis_block").addClass("dis_none");
		    }
		}
		function judgeIsNonNull2(event){
		  	var value=$("#messageCode").val();
		  	var x = event.which || event.keyCode;
			if (x == 8 ) {
			  	if(value !== ""){
			      	$(".codeClear").removeClass("dis_none").addClass("dis_block");
			    }else{
			    	$(".codeClear").removeClass("dis_block").addClass("dis_none");
			    }
		  	}
			if(value !== ""){
				if( value.length <= 6 ){
		    		console.log("符合 6位数以内");
		    	} else{
		    		return $("#messageCode").val(value.substr(0, 6));
		    	}
		    	$(".codeClear").removeClass("dis_none").addClass("dis_block");
		    }else{
		    	$(".codeClear").removeClass("dis_block").addClass("dis_none");
		    }
		}
		$('.telClear').click(function(){
		    $('#telephone').val("");
		    $(".telClear").removeClass("dis_block").addClass("dis_none");
		});
		$('.codeClear').click(function(){
		    $('#messageCode').val("");
		    $(".codeClear").removeClass("dis_block").addClass("dis_none");
		});
	</script>
</body>
</html>